<template>
  <div class="Content Page JoinUs lec_joinus clearfix2" v-if="userInfo.id">
    <div class="Caption lec">
      <h2 class="title">
        签订协议
      </h2>
      <p class="sub-title">
        同学你好平台会根据协议，保障您的合法权益 </p>
      <div class="step  conmon-shadow-box cleafix2"  :class="[tabIndex==0?'step1':'step3']">
        <p class="s1" @click="handleChangeTab(0)">
          <span></span>
          <span class="font">签订协议</span>
        </p>
        <p class="s3" @click="handleChangeTab(1)">
          <span></span>
          <span class="font">官方审核</span>
        </p>
      </div>
      <div class="clear"></div>
    </div>
    <div v-if="tabIndex==0" class="Agreement">
      <dl>
        <dd>
          <div class="Text conmon-shadow-box" id="AgreementDiv">
            <div id="Agreement" class="inner-content" style="height: 12180px;"><p><span
                style=";font-family:等线;font-size:14px"><br></span></p>
              <p><span style=";font-family:等线;font-size:14px">欢迎您使用同学你好平台提供的服务！</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">为使用同学你好平台提供的服务（以下简称“本服务”），您应当阅读并遵守《同学你好平台内容<span
                  style="font-family:等线">发布协议》（以下简称“本协议”）。请您务必审慎阅读、充分理解本协议各项条款内容，使用本服务的前提是您阅读并接受本协议及相关协议、规则等所有条款。</span></span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">您有违反本协议约定的任何行为或您在本协议项下的声明与保证不真实、不准确或不完整时，同学你好平台有权根据本协议第七条及相关法律法规的规定要求您承担违约责任及采取其他一切救济措施。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">同学你好平台</span></strong><span
                  style=";font-family:等线;font-size:14px"><span style="font-family:等线">：指国内优质的</span>IT技术网站同学你好.com的运营主体北京无忧创想信息技术有限公司及其关联方。在本协议中亦称为“学堂”。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">同学你好平台</span></strong><span
                  style=";font-family:等线;font-size:14px"><span style="font-family:等线">：指由</span>同学你好平台开发、管理、和/或运营的信息发布、共享和在线教育实施平台，该等平台包括但不限于同学你好平台、精品班、同学你好软考等现在已有或未来由同学你好平台重新开发的任何平台，该等平台的运营形态包括电脑网页、电脑客户端、手机应用程序、微信公众号、微信服务号、微信小程序、H5页面、微博、知乎、今日头条等第三方媒体账号。在本协议中亦称为“平台”。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">课程</span></strong><span
                  style=";font-family:等线;font-size:14px">：指课程发布者根据本协议的规定向同学你好平台上传的由一个或多个课时组成的课程，包括该等课程历次修订、更新或改编的版本及其视频、音频、文字、图片等任何载体记录的版本。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">配套教学资料</span></strong><span
                  style=";font-family:等线;font-size:14px">：指与上传课程相关的全部资料，包括但不限于课程视频音频、课程讲义、演示文稿、习题、答案、答疑、讲解及其他文档类材料、与上传课程相关的计算机程序、程序源代码、目标代码及相关的技术文档等。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">短视频</span></strong><span
                  style=";font-family:等线;font-size:14px">：指签约作者根据本协议的规定向同学你好平台上传的单个视频，包括该视频历次修订、更新或改编的版本。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">签约作者</span></strong><span
                  style=";font-family:等线;font-size:14px">（即内容发布者）：指经有效注册、申请后，将其享有相应权利的课程、配套教学资料、短视频等内容上传至同学你好平台，并免费或收费后<span
                  style="font-family:等线">向平台用户（以下简称“用户”）提供，以实现用户通过同学你好</span>平台<span style="font-family:等线">进行在线学习目的的个人，以下简称为“您”。</span></span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">鉴于您在IT领域较有研究和心得，学堂拥有在线教育平台——“同学你好平台”，为了给国内及其他国家和地区广大技术爱好者提供优质学习内容，鼓励和推广原创内容<span
                  style="font-family:等线">，提升您个人品牌宣传及业内知名度，经友好协商，本着平等、互利的原则，</span>同学你好平台与您就使用同学你好平台发布课程等内容相关事宜签订如下协议：</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p><span
                  style=";font-family:等线;font-size:14px"><br></span>
              <p><strong><span style="font-family: 等线;font-size: 14px">一、内容</span></strong><strong><span
                  style="font-family: 等线;font-size: 14px">规范要求</span></strong></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.1 您<span style="font-family:等线">在同学你好平台上传</span>的课程、配套教学资料、短视频等全部内容</span><strong><span
                  style="font-size: 14px; font-family: 等线;">（以下简称为“上传内容”或“内容”）</span></strong><span
                  style=";font-family:等线;font-size:14px">均应以分享技术为主旨，并且符合本协议规定以及学堂在平台公布的内容规范要求。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2&nbsp;<span style="font-family:等线">您</span>的上传内容中不得含有违反国家相关法律法规或公序良俗的内容，包含但不限于以下违规内容：</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.1 违反宪法确定的基本原则的；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.2 危害国家的统一、主权和领土完整的；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.3 泄漏国家秘密、危害国家安全或者损害国家的荣誉和利益的；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.4 煽动民族仇恨、分裂和歧视，侵害少数民族风俗习惯，破坏民族团结的；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.5 宣扬邪教、迷信的，扰乱社会秩序，破坏社会稳定的；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.6 宣扬淫秽、赌博或者渲染暴力、教唆犯罪的，危害社会公德和民族文化传统的；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.7 侮辱或者诽谤他人，侵害他人合法权益的；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.2.8 有法律、行政法规或国家规定禁止的其他内容的。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.3&nbsp;<span style="font-family:等线">您保证</span>您的上传内容满足如下全部要求：</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.3.1 内容具有独创性，由您独立创作完成，不存在抄袭、剽窃第三方的内容；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.3.2 如有使用第三方享有权利的内容，均已注明出处，并已取得相关权利人的合法授权；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.3.3 不含有任何形式的广告宣传内容；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.3.4 不存在任何权利负担或瑕疵，且不存在任何已决、未决或潜在的诉讼或其他纠纷。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.4内容侵权处理</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.4.1若您的上传内容涉嫌侵犯第三方的合法权益且权利人已向学堂提供初步证据或已经起诉的，平台有权立即冻结您的账户并通知您进行举证或应诉，在双方争议处理结束前，您无法进行提现操作；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1.4.2 若您无法就权利人提供的侵权证据进行有效举证或在司法裁判中被认定侵权的，学堂有权根据权利人的要求将账户余额作为侵权赔偿支付给权利人。若您的账户余额不足以弥补权利人损失的，您应自行与权利人处理剩余损失赔偿事宜；若学堂已经垫付的，学堂有权向您追究剩余费用。同时学堂有权下架侵权内容或封禁您的作者账号。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span
                  style=";font-family:等线;font-size:14px">1.4.3 因盗版/抄袭或其他作者个人原因导致的内容下架后，学员要求退款的，平台有权要求您退还已收取的相应分成。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">二、知识产权条款</span></strong></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.1知识产权一般规定</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.1.1 您上传至同学你好平台的全部内容（独家内容除外）均为您独立创作完成，您对上传内容享有完全的著作权及其他相关权利。在本协议的有效期内，您授权学堂在全球范围内使用、复制、修改、汇编、演绎、再授权和推广您的上传内容。您进一步确认，您所授予学堂及其关联方的关于上传内容的内涵和外延应当包括但不限于信息网络传播权、表演权、复制权、发行权、出租权、展览权、改编权、广播权、翻译权、汇编权、摄制权等所有相关权利。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.1.2 在本协议有效期内，您有义务根据学堂的指示和安排参加学堂或其关联方组织的关于您的上传内容的发行、网络传播、推广及其他商业活动。您同意<span
                  style="font-family:等线">参加</span>同学你好平台营销计划，学堂有权许可第三方（如头条、百度等）在其平台传播上传内容的全部或部分。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.1.3 您同意将您在上传内容中独立于著作权而享有的表演者权授予学堂，并授权学堂为实施推广营销之目的使用您的肖像以及您享有著作权的相关文件。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.2&nbsp;关于独家内容的特殊规定</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.2.1 <span style="font-family:等线">如您上传至</span>同学你好平台的内容为独家内容（包括但不限于独家课程），即视为您认可学堂参与了该独家内容的设计和创作，并同意学堂与您共同享有该等独家内容的著作权。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.2.2您同意将您对独家内容中的任何权益（包括但不限于本协议第2.1.1条规定的著作权的内涵和外延）授权给学堂在全球范围内使用、复制、修改、汇编、演绎、再授权和推广。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2.2.3您进一步同意学堂以您和学堂的名义申请该等独家内容的作品著作权登记并同意为办理作品著作权登记向学堂提供一切必要的协助。未经学堂事先书面同意，您不得将独家内容的著作权以任何形式向第三方授权；经学堂同意，您可在与学堂协商一致的范围内授权第三方使用。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">三、课程发布规则</span></strong></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.1&nbsp;<span style="font-family:等线">课程类型</span></span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">您在学堂发布课程时须选择课程类型（包括普通、首发、独家三种类型），课程类型在选定后不可变更：</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">普通：是指该课程在同学你好平台发布的同时可发布到同学你好平台外的其他平台；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">首发：是指该课程在同学你好平台发布时为全互联网首次公开发布；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">独家：是指该课程在同学你好平台发布为全网独家发布，之前没有及以后将不再发布到其他任何平台或网站（包括您自己的网站）或以其他任何方式进行发行；如您日后在其他平台或网站发布或以其他任何方式发行独家课程，学堂有权取消该课程的独家类型、下线该课程，甚至解除本协议并主张违约责任。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.2&nbsp;<span style="font-family:等线">课程交付</span></span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">您承诺自本协议生效之日起，按学堂规定的课程数量及时间要求发布课程，课程全部更新完后管理员审核上线（即课时数=视频数）。您由于不可抗力因素不能按时交付课程时，应在出现该原因后两个工作日内通知学堂，双方另行约定交付日期；当您在另行约定交付日期到期时仍不能交付课程的，学堂有权单方面选择下线该课程，甚至解除本协议。（不可抗力包括自然灾害、如台风、洪水、冰雹；政府行为，如征收、征用；社会异常事件，如罢工、骚乱三方面，如证实您确实因前述不可抗力事件导致未及时更新或交付课时的，则双方友好协商解决方案。）未经学堂同意，在本协议有效期间您不得将独家课程及其任何著作权以任何形式转让或授权给同学你好平台外的其他任何网络平台（包括但不限于CSDN旗下网络平台、IT168盛拓传媒旗下网络平台，北风网、我赢职场网、百度、腾讯、极客学堂、萝卜网、StuQ等网络教育平台）。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">您上传的课程内容<span style="font-family:等线">需保证画质、音质清晰；课程中单个课时时长在15-50分钟之间</span>。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.3课程发行</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">学堂应在您交付课程后五个工作日内完成审核、转码等程序，将课程在学堂网站公开发行。如出现学堂由于不可抗力而需要推迟发布日期时，学堂应与您另行协商确定。如更改后的发行日期到期时课程仍未发行，您有权收回交付的课程并有权解除本协议。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4课程结算</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.1 平台按照学员实际支付金额和您分成，初始分成比例为50%，同时基于作者积分确定您的作者荣誉等级，随着作者荣誉等级的增加将不同程度提升分成比例。具体规则见平台作者荣誉等级体系说明公告。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span
                  style=";font-family:等线;font-size:14px">3.4.2 作者荣誉等级及分成有效期为一年，到期后积分清零重新计算，根据上一年积分确定下一年作者荣誉等级及分成。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.3 作者荣誉等级评估周期：截止到2023年12月31日，入驻同学你好平台已满一年的作者以自然年计算周期，入驻同学你好平台不满一年的作者以入驻平台的日期计算周期。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.4双方同意依据学堂平台中您课程的实际销售数量及金额记录，确定该课程您的实际收益分成的总额和学堂的实际平台服务方收入总额；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.5<span style="font-family:等线">双方约定采取</span> <span
                  style="font-family:等线">支付宝转账或银行转账</span> <span style="font-family:等线">的方式、将您的课程收益分成收入结算给您；如您要求采用其他的结算方式，双方再另行书面约定；</span></span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.6<span style="font-family:等线">当您的课程收益分成金额达到</span>200元人民币及以上的，您即可在本月1-5号申请结算上月课程收益分成，双方确认无误后学堂于本月20日左右完成转账（节假日顺延）；当您的课程收益分成金额未达到200元人民币时，则顺延到可结算次月申请结算，协议终止后，学堂会在3个月内将您的课程收益分成结清，提现金额不受200元限制；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.7您的课程收益分成收入金额超过国家规定的个人所得税起征额的，学堂将按国家规定代扣代缴个人所得税之后，将税后金额支付给您；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.8如您课程为您与其他第三方合作之课程，学堂按上述方式向您书面指定的代理人支付您全部课程收益分成即视为学堂向全体著作权人完成支付行为，学堂不再单独向每位著作权人支付任何费用，各个著作权人之间的分配方式由您与全体著作权人另行协商确定，与学堂无关；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.4.9非因学堂原因造成学堂未及时按上述约定向您支付课程收益分成的，双方应积极协商并确定新的支付日期；如因学堂原因造成逾期原支付日期三个月的，则学堂应给出合理解释，并在第四个月内将该结算金额支付给您，否则自第五个月起学堂每日按未付金额的千分之一向您支付违约金，直至学堂完成该笔结算金额的支付义务。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.5课程发布者的权利</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span
                  style=";font-family:等线;font-size:14px">3.5.1课程发布者有权根据学堂所提供的课程版权使用费定价范围，对课程版权使用费进行定价，但需满足以下条件：</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1）该课程在协议允许的其他平台（包括您的平台）未发布过，则每30分钟可定价在4-30金币（根据学堂平台规则，1金币=1元人民币）；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2）该课程已在协议允许的其他平台（包括您的平台）发布的，则课程单价不得高于其他平台的定价。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3）单个课程单价的定价范围建议为：4至1200元金币之间；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.5.2按收益补充协议约定收取课程销售分成；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.5.3您可在作者后台实时查看您的课程销售情况。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.6课程发布者的义务</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.6.1按照收益补充协议约定的课程发布要求录制课程并在规定期限内交付；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.6.2课程全部更新完后管理员审核上线（即课时数=视频数）； &nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.6.3及时回答付费用户与该课程相关的疑问，回答时间不超出用户提问时间 &nbsp;24 小时（学员反馈您未在规定时间内提供答疑服务，且经学堂联系您三次以上，您仍未按时答疑的，学堂有权直接对学员购买的课程做退款处理，同时相应扣除您的分成）</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.7协议解除后，收费课程处理办法：</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.7.1符合本协议9.1.1和9.1.2条款的处理办法： &nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1）已有用户购买的您课程：购买用户可永久在线学习，但学堂不得再出售、 转让本课程；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2）没有用户购买的您课程：学堂下线该课程。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.7.2符合本协议9.1.3和9.1.4条款的处理办法：</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">1）学堂可继续在学堂平台出售您课程，您不再获得该课程的收益分成；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">2）学堂不得转让您的课程。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.8违约责任</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">在收益补充协议期间，你交付完整的课程到学堂平台，如造成用户投诉或已购买该课程的用户无法完成学习要求退款，给学堂造成任何形式损失的，按照如下约定的处理方式解决：</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.8.1您需退还该课程的全部收益分成，并支付学堂因退款产生的服务费和银行手续费，额度为您该课程总交易额（课程总交易额=课程定价*交易数量）的10%；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.8.2如因您违约造成学堂任何形式损失的，学堂保留向您追偿的权利，包括但不限于因此给学堂造成的损失、公证费、律师费等。在双方未就损失赔偿达成一致意见之前，学堂有权暂停支付您课程收益分成的权利；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span
                  style=";font-family:等线;font-size:14px">3.8.3因您违约造成购买用户申请退费的，学堂通过邮件、QQ等方式通知您后，即可将申请退费用户缴纳的费用退还给用户；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.8.4给购买用户的退款金额以及您支付给学堂的服务费和手续费金额从学堂原应支付给您的课程收益分成中扣除，如果您的课程收益分成金额不足扣除的，则差额由您向学堂补齐，并在两周内将差额支付至学堂以下账户：</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">账&nbsp;&nbsp;&nbsp;<span style="font-family:等线">户：北京无忧创想信息技术有限公司</span></span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">开&nbsp;<span style="font-family:等线">户</span> <span
                  style="font-family:等线">行：建设银行北京苏州桥支行</span></span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">账&nbsp;&nbsp;&nbsp;<span style="font-family:等线">号：</span>11001079800053001382 </span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">3.8.5给购买用户退款完成后，学堂就实际情况决定是否与您继续合作。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">四、短视频发布规则</span></strong></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">4.1 您上传的短视频应当画质、音质清晰，<span style="font-family:等线">单个视频时长在3-15分钟之间</span>。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">4.2 您向同学你好平台上传短视频，即视为同意学堂免费将您的短视频提供给所有同学你好平台用户观看。同时，学堂有权将短视频的全部或部分通过第三方平台进行宣传推广。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">五、</span></strong><strong><span
                  style="font-family: 等线;font-size: 14px">&nbsp;<span
                  style="font-family:等线">学堂权利与义务</span></span></strong></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.1 学堂权利</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.1.1 您负责开发、创建、管理、运营您在同学你好平台上传的内容，并自行承担相关的费用，学堂在本协议有效期间对您上传的内容进行技术维护、用户服务、宣传、展示和免费使用。<span
                  style="font-family:等线">您上传到</span>同学你好平台并审核通过的的内容<span style="font-family:等线">，在本协议有效期内您授权学堂有权进行播放、发行、信息网络传播等；为保证用户权益，本协议终止后学堂仍有权在</span>同学你好平台永久播放您的付费内容（即学堂及已订阅该等付费内容的用户可永久播放及观看），但不再继续发行（即不再提供给其他用户订阅）。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.1.2 学堂有权根据市场情况调整您上传内容<span style="font-family:等线">的文字、图片等信息，并通过电子邮件、传真、系统消息、站内信、短信、微信或</span>QQ等其它方式通知您，内容更新后的各种信息自通知之时起生效；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.1.3 学堂有权使用您的肖像、姓名、昵称以及上传内容的名称或部分内容等进行推广。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.2 学堂义务</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.2.1 提供您上传内容的播放的技术维护、服务器带宽；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.2.2 提供您上传内容的发行、推广的技术处理、功能研发；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.2.3 管理并维护在线平台，为用户提供良好的学习体验；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.2.4 提供内容推广服务；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">5.2.5 提供学习相关的支持服务。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">六、</span></strong><strong><span
                  style="font-family: 等线;font-size: 14px">&nbsp;<span
                  style="font-family:等线">您权利与义务</span></span></strong></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">6.1 您的权利</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">6.1.1 将您的内容<span style="font-family:等线">发布到</span>同学你好平台，供用户在线学习；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">6.1.2 学堂为您建立个人页面，用于推广您的上传内容及您品牌。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">6.2 您的义务</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">6.2.1 按照本协议约定及学堂的内容发布要求录制内容并在规定期限内交付内容；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">6.2.2 应保证其上传内容不会违反任何适用的法律、法规，也不会损害任何第三方的合法权益，如您违反此保证而产生的任何纠纷均与学堂无关，由您自行、主动解决纠纷；且学堂有权单方解除本协议并不承担违约责任；如因您违反本协议约定而使学堂蒙受任何经济损失，您有义务就学堂因此遭受的损失给予赔偿。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">6.2.3 如非因学堂的过错，学堂由于行使本协议授权许可之权利而被第三人索赔、控告，您应自行主动与第三人协商解决并自行承担全部赔偿或补偿责任；如导致对学堂的诉讼，您应主动配合学堂应诉并赔偿学堂的全部损失。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">七、</span></strong><strong><span
                  style="font-family: 等线;font-size: 14px">&nbsp;<span style="font-family:等线">违约责任</span></span></strong>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">7.1 本协议签订后，除不可抗力外，若您违反本协议约定或在本协议项下的声明与保证不真实、不准确或不完整的，学堂有权中止履行或解除本协议，并要求您赔偿其遭受的一切损失及其为实现本协议项下权利所产生的所有合理费用（包括但不限于诉讼费、仲裁费、合理的律师费）。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">7.2 如因您上传的内容或其项下任何著作权或您的行为侵害第三方合法权益的，应由您负责处理并承担所有法律和经济责任，与学堂无关。若因此给学堂造成损失的，您应承担全部赔偿责任。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">7.3 除本条款规定的违约责任外，若本协议其他条款有关于违约责任的规定，学堂有权援引本条款及/或其他条款的相关规定追究您的违约责任。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">&nbsp;</span></strong></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">八、</span></strong><strong><span
                  style="font-family: 等线;font-size: 14px">&nbsp;<span style="font-family:等线">保密条款</span></span></strong>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">8.1 双方应对因履行本协议而取得的对方的各种形式的技术或商业信息保密；未经一方允许，另一方不得将双方合作信息，如价格，收益分配等透露给第三方；违约方将赔偿守约方任何损失，包括但不限于实际经济损失、声誉损失及间接损失等。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span
                  style=";font-family:等线;font-size:14px">8.2 本协议部分条款的效力依本协议之规定而被终止或被宣告无效的，不影响本协议保密条款及其他条款的效力。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">8.3 本保密条款在本协议终止后依然有效。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">九、</span></strong><strong><span
                  style="font-family: 等线;font-size: 14px">&nbsp;<span
                  style="font-family:等线">协议终止及处理办法</span></span></strong></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.1 协议终止情形：</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.1.1 双方协商一致解除本协议；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.1.2 本协议期满，双方同意不再续签；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.1.3 双方中的任何一方未履行或违反本协议所应承担的义务，经守约方给予一定期限仍不履行义务或不予采取补救措施，致使守约方依据本协议的预期利益无法实现或本协议继续履行没有必要，守约方有权解除本协议；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.1.4 本协议中约定的其他可解除本协议的情形。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.2 协议终止后处理办法及违约责任</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.2.1 符合本协议9.1.1和9.1.2条款的处理办法：</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;&nbsp;1) 您身份由签约作者变为普通用户；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;&nbsp;2) 就您已上传的内容，除本协议已有约定的外，双方友好协商处理办法。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">9.2.2 符合本协议9.1.3和9.1.4条款的处理办法： </span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;&nbsp;1) 您身份由签约作者变为普通用户；</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;&nbsp;2) 学堂有权将您已上传的内容<span style="font-family:等线">继续在</span>同学你好平台播放，供用户在线学习，或学堂有权下架您已上传的内容；</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p style="text-indent:14px"><span
                  style=";font-family:等线;font-size:14px">3)您应承担相关法律责任，造成学堂损失的，您应予以赔偿。</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><strong><span style="font-family: 等线;font-size: 14px">十、</span></strong><strong><span
                  style="font-family: 等线;font-size: 14px">&nbsp;<span style="font-family:等线">其他</span></span></strong>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">10.1 用户在同学你好平台订阅付费内容的收益及在其他平台播放付费内容等其他营销计划的收益由学堂收取，学堂与您具体的收益分成由学堂与您另行协商确定。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">10.2 本协议为线上协议，您必须在线阅读并点击“确认签署”按钮，您一点击“确认签署”按钮即视为接受本协议，即表示您已充分理解本协议的各项约定，并与学堂就本协议达成一致，会按照本协议的约定与学堂展开合作，本协议中的所有条款具有法律效力。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">10.3 本协议有效期为2年，自您签署本协议之日起算；任何一方于有效期届满前一个月内明确提出不再签署的，本协议于到期之日自动终止，前述期限内未提出不再续签的，则本协议有效期自动顺延2年。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">10.4 本协议未尽事宜双方另行协商解决，商定的内容以补充协议、纪要、附件等形式，经双方同意后通过线上形式补签，补签后与本协议具有同等法律效力。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">10.5 本协议的成立、效力、解释、签署、履行、修订和终止以及争议解决均应适用中华人民共和国法律。</span>
              </p>
              <p><span style=";font-family:等线;font-size:14px">&nbsp;</span></p>
              <p><span style=";font-family:等线;font-size:14px">10.6 本协议执行过程中若发生争议，应通过友好协商解决，协商无效时，任何一方均应将争议提交北京仲裁委员会按该会届时有效的仲裁规则仲裁解决。仲裁是终局性的，对双方均具有约束力。</span>
              </p></div>
          </div>
        </dd>
      </dl>
      <div class="Agree" v-if="userInfo.authorFlag == 1">
        <input type="checkbox" id="AgreeIt" checked disabled>
        <label for="AgreeIt">我已阅读并同意此协议</label>
        <br>
        <button class="AgreeAndNext" id="AgreeAndNext">已签约</button>
      </div>
      <div class="Agree" v-else>
        <input type="checkbox" id="AgreeIt" v-model="checked">
        <label for="AgreeIt">我已阅读并同意此协议</label>
        <br>
        <button class="AgreeAndNext" id="AgreeAndNext" :disabled="!checked" @click.prevent="handleNext(1)">{{userInfo.authorFlag==2?'签约中':'点击签约'}}</button>
      </div>

    </div>
    <div v-if="tabIndex==1" class="Agreement Examine">
      <div class="Msg tc conmon-shadow-box text-center" v-if="userInfo.authorFlag == 1">
        <div class="apply-flag-img apply_success"></div>
        <h2><p class="p1">已签约</p><p class="p2">如有疑问可及时与管家联系，加微信：[xuchengfeifei] 备注：申请作者</p></h2>
      </div>
      <div class="Msg tc conmon-shadow-box text-center" v-else>
        <div class="apply-flag-img apply_success"></div>
        <h2><p class="p1">正在审核中.....</p><p class="p2">审核结果会在1~2个工作日内，通过短信的方式告知您，您的专属课程管家微信为[xuchengfeifei]，备注：作者姓名+入驻 ，如有疑问可及时与管家联系</p></h2>
      </div>
    </div>
  </div>
</template>
<script setup>
const tabIndex = ref(0)
const checked = ref(false)
const userInfo = ref({uuid:"",username:""})
const handleGetUserInfo = async ()=>{
  try {
    const resp = await useLoadUserGetApi()
    userInfo.value = resp.data
    checked.value = resp.data.authorFlag > 0
  }catch (e) {
    showError({statusCode:404,statusMessage:e.message})
  }
}
const handleChangeTab = (index) => {
  if(index == 1 && !checked.value){
    useMessage().warning("请仔细阅读协议，在点击【点击签约】操作！")
    return
  }
  tabIndex.value = index
}

const handleNext = async (index) => {
  tabIndex.value = index
  if(userInfo.value.authorFlag == 0) {
    await useApplyAuthorApi()
    useMessage().success("申请作者成功,等待审核....")
  }
}

onMounted(()=>{
  handleGetUserInfo()
})

</script>

<style scoped>
/**********************************
* Create By Ravens@Date 2016/7/25 *
***********************************/

/****************
* 作者/机构注册 *
****************/
.JoinUs {
}

.JoinUs .Caption {
  padding: 15px 40px 40px 20px;
}

.JoinUs .Caption h2 {
  font-size: 18px;
  line-height: 30px;
}

.JoinUs .Caption .Step {
  color: #FFF;
  background: #A6A6A6;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
}

.JoinUs .Caption .Step * {
  float: right;
}

.JoinUs .Caption .Step p {
  width: 195px;
  text-align: center;
}

.JoinUs .Caption .Step p.s1 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.JoinUs .Caption .Step p.s3 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.JoinUs .Caption .Step div {
  width: 21px;
  height: 30px;
}


.JoinUs .Caption .Step1 p.s1,
.JoinUs .Caption .Step2 p.s1,
.JoinUs .Caption .Step2 p.s2,
.JoinUs .Caption .Step3 p {
  background-color: #15b1e4;
}

.JoinUs .Right {
  width: 370px;
}

.JoinUs .Right dt {
  line-height: 40px;
  border-bottom: 1px solid #DDD;
  padding-left: 20px;
  font-size: 18px;
  margin-bottom: 20px;
}

.JoinUs .Right dd {
  margin-bottom: 40px;
  padding-left: 20px;
  color: #818181;
}

.JoinUs .Right dd ol {
}

.JoinUs .Right dd ol li {
  position: relative;
  text-indent: 26px;
  line-height: 26px;
  margin-bottom: 10px;
}

.JoinUs .Right dd ol li span {
  position: absolute;
  width: 16px;
  height: 16px;
  text-align: center;
  left: 0px;
  top: 5px;
  background-color: #15b1e4;
  color: #FFF;
  border-radius: 4px;
  text-indent: 0;
  line-height: 16px;
}

.JoinUs .Right dd ul {
}

.JoinUs .Right dd ul li {
  margin-bottom: 20px;
  line-height: 1.75;
}

.JoinUs .Right dd ul li h2 {
  font-weight: normal;
  color: #424242;
  padding-left: 20px;
  margin-bottom: 5px;
}

.JoinUs .Right dd ul li.i1 h2 {
  background-position: left 4px;
}

.JoinUs .Right dd ul li.i2 h2 {
  background-position: left -28px;
}

.JoinUs .Right dd ul li.i3 h2 {
  background-position: left -63px;
}

.JoinUs .Right dd ul li.i4 h2 {
  background-position: left -102px;
}

.JoinUs .Right dd ul li.i5 h2 {
  background-position: left -142px;
}

.JoinUs .Right dd ul li.i6 h2 {
  background-position: left -186px;
}

.JoinUs .Left {
  width: 800px;
}

.JoinUs .Agreement dl {
}

.JoinUs .Agreement dl dt,
.JoinUs .Information > dt {
  background-color: #F4F4F4;
  font-style: 18px;
  line-height: 40px;
}

.JoinUs .Agreement dl dd {
  border: 1px solid #EEE;
  line-height: 1.75;
  overflow: auto;
}

.JoinUs .Agreement dl dd .Text {
  line-height: 2;
  height: 700px;
  overflow: auto;
  overflow-x: hidden;
}

.JoinUs .Agreement dl dd .Text textarea {
  border: none;
  outline: none;
  background: #FFF;
  padding: 40px;
  width: 700px;
  margin-bottom: 0;
  resize: none;
  font-size: 14px;
  overflow: hidden;
}

.JoinUs .Agreement dl dd .Text * {
  margin-bottom: 1em;
  max-width: 100%;
}

.JoinUs .Agreement .Agree {
  border: 1px solid #EEE;
  border-top: none;
  overflow: hidden;
  line-height: 40px;
  padding-left: 40px;
}

.JoinUs .Agreement .Agree input {
  margin-top: 13px;
  margin-right: 5px;
}

.JoinUs .Agreement .AgreeAndNext {
  font-size: 18px;
  margin: 20px 40px;
  width: 120px;
}

.JoinUs .Information {
}

.JoinUs .Information > dt {
  padding-left: 20px;
  font-size: 16px;
}

.JoinUs .Information > dd {
  line-height: 30px;
  padding: 30px 0px;
}

.JoinUs .Information dd .Item {
  margin-bottom: 15px;
}

.JoinUs .Information dd .Item .Info_Name,
.JoinUs .Information > dd .Item .Info_Control,
.JoinUs .Information dd .Item .Info_Msg {
  float: left;
}

.JoinUs .Information dd .Item .Info_Name {
  width: 135px;
  text-align: right;
  margin-right: 30px;
}

.JoinUs .Information dd .Item .Info_Name span {
  color: #c01920;
  margin-right: 5px;
  font-size: 18px;
  line-height: 1;
}

.JoinUs .Information dd .Item .Info_Control {
  width: 200px;
  margin-right: 20px;
}

.JoinUs .Information dd .Item .Info_Control_Type4,
.JoinUs .Information dd .Item .Info_Control_Type8 {
  width: 645px;
  margin-right: -10px;
}

.JoinUs .Information dd .Item .Info_Control_Type4 dl,
.JoinUs .Information dd .Item .Info_Control_Type8 dl {
  width: 203px;
  margin-right: 10px;
}

.JoinUs .Information dd .Item .Info_Control_Type6 {
  width: 400px;
  position: relative;
}

.JoinUs .Information dd .Item .Info_Control_Type7 {
  width: 635px;
  margin-right: 0;
}

.JoinUs .Information dd .Item .Info_Control input[type="text"],
.JoinUs .Information dd .Item .Info_Control textarea {
  width: 190px;
  padding: 0px 4px;
  border: 1px solid #DDD;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  font-size: 12px;
}

.JoinUs .Information dd .Item .Info_Control.Info_Control_Type7 input {
  width: 625px;
}

.JoinUs .Information dd .Item .Info_Control textarea {
  width: 390px;
}

.JoinUs .Information dd .Item .Info_Control .count-wrap {
  position: absolute;
  bottom: 9px;
  right: 8px;
  color: #999;
}

.JoinUs .Information dd .Item .Info_Control.Error input,
.JoinUs .Information dd .Item .Info_Control.Error .SelectDL {
  border-color: #c01920;
}

.JoinUs .Information dd .Item .Info_Control .uploadPic {
  border: 1px solid #DDD;
  background: #F4F4F4;
  text-align: center;
  cursor: pointer;
  height: 120px;
}

.JoinUs .Information dd .Item .Info_Control .uploadPic:hover {
  background: #EEE;
}

.JoinUs .Information dd .Item .Info_Control .uploadPic p {
  padding-top: 80px;
  color: #818181;
  padding-bottom: 10px;
}

.JoinUs .Information dd .Item .Info_Control .uploadPic img {
  width: 100%;
  height: 100%;
}

.JoinUs .Information dd .Item .Info_Msg {
  color: #818181;
  position: relative;
}



.JoinUs .Information dd .Item .Info_Msg .Bottom {
  position: absolute;
  top: 100px;
  left: 0px;
}

.JoinUs .Information dd .Item .Info_Msg .Sample {
  position: relative;
  width: 70px;
}

.JoinUs .Information dd .Item .Info_Msg .Sample p {
  cursor: pointer;
}

.JoinUs .Information dd .Item .Info_Msg .Sample > div {
  position: absolute;
  width: 300px;
  height: 200px;
  padding: 1px;
  border: 1px solid #DDD;
  left: 100%;
  bottom: 0px;
  background: #FFF;
  display: none;
}

.JoinUs .Information dd .Item .Info_Msg .Sample:hover > div {
  display: block;
}

.JoinUs .Information dd .Item .Info_Msg .Sample > div img {
  display: block;
  width: 100%;
  height: 100%;
  background: #F1F1F1;
}

.JoinUs .Information dd .Item .Info_Msg .Speed {
  display: none;
}

.JoinUs .Information dd .Item .Info_Msg .Speed > div {
  width: 200px;
  height: 5px;
  background: #EEE;
}

.JoinUs .Information dd .Item .Info_Msg .Speed > div > div {
  height: 100%;
  background: #00baf2;
}

.JoinUs .Information dd .Item .Info_Msg .Speed > p {
  margin-top: -12px;
  margin-left: 10px;
  color: #999;
}

.JoinUs .Information dd .Item .SaveInfo {
  font-size: 18px;
  width: 120px;
  margin-top: 30px;
}

.JoinUs .Examine {
  padding-top: 120px;
  line-height: 2.5;
}

.JoinUs .Examine h2 {
  font-weight: normal;
  font-size: 20px;
}

/* 作者入驻20190423 */
.lec_joinus {
  margin-top: 20px;
}

.lec_joinus .conmon-shadow-box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.09);
  border-radius: 8px;
}

.lec_joinus .lec {
  text-align: center;
}

.lec_joinus .lec .title {
  font-size: 26px;
  color: #666666;
  position: relative;
}

.lec_joinus .lec .title .apply-tips {
  position: absolute;
  right: 115px;
  top: 0;
  color: #536679;
  font-size: 12px;
  background-size: 14px 14px;
  padding-left: 18px;
  font-weight: normal;
}

.lec_joinus .lec .sub-title {
  font-size: 14px;
  color: #999999;
  margin-top: 14px;
}

.lec_joinus .lec .step {
  height: 70px;
  padding: 15px 0px 10px 0px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.lec_joinus .lec .step p {
  float: left;
  width: 325px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #A4A4A4;
  position: relative;
}

.lec_joinus .lec .step p:not(:last-child):after {
  position: absolute;
  right: 0;
  top: 13px;
  content: ' ';
  width: 11px;
  height: 19px;
  background-size: 11px 19px;
}

.lec_joinus .lec .step p span:first-child {
  display: inline-block;
  line-height: 43px;
  text-align: center;
  background-size: 46px 46px;
  color: #FFFFFF;
  margin-right: 12px;
  vertical-align: middle;
}

.lec_joinus .lec .step1 .s1 .font,
.lec_joinus .lec .step2 .s2 .font,
.lec_joinus .lec .step2 .s1 .font,
.lec_joinus .lec .step3 .s1 .font,
.lec_joinus .lec .step3 .s2 .font,
.lec_joinus .lec .step3 .s3 .font {
  color: #5AB6F9;
}

.lec_joinus .lec .step1 .s1 span:first-child,
.lec_joinus .lec .step2 .s2 span:first-child,
.lec_joinus .lec .step2 .s1 span:first-child,
.lec_joinus .lec .step3 .s1 span:first-child,
.lec_joinus .lec .step3 .s2 span:first-child,
.lec_joinus .lec .step3 .s3 span:first-child {
  content: ' ';
  background-size: 46px 46px;
}

.lec_joinus .Agreement {
  margin: 0 auto;
  padding: 15px 40px 40px 20px;
}


.lec_joinus .Agreement dl dd .Text textarea {
  box-sizing: border-box;
}

.lec_joinus .Agreement dl dd {
  overflow-x: hidden;
}

.lec_joinus .Agreement .Agree {
  border: none;
  text-align: center;
  margin-top: 30px;
  color: #999999;
  font-size: 14px;
}

::-webkit-scrollbar {
  width: 7px;
  height: 26px;
}

/* 滚动槽 */

::-webkit-scrollbar-track {
  box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #868686;
  box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}

.lec_joinus .Agreement .AgreeAndNext:hover {
  opacity: 1;
}

.lec_joinus .Agreement .AgreeAndNext[disabled] {
  background: rgba(90, 182, 249, .5);
  cursor: not-allowed;
}

.lec_joinus .Agreement #AgreeIt:disabled + label {
  color: #999999;
}

.lec_joinus .Agreement #AgreeIt + label {
  color: #333333;
}

.lec_joinus .Agreement .AgreeAndNext {
  width: 126px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: rgba(90, 182, 249, 1);
  border-radius: 19px;
  font-size: 14px;
  color:#fff;
}

.lec_joinus > form {
  padding: 15px 40px 40px 20px;
}

.lec_joinus .Information {
  background: #fff;
  width: 960px;
  margin: 0 auto;
  padding-top: 25px;
}

.lec_joinus .Information > dd {
  padding: 25px 0px 15px;
}

.lec_joinus .Information > dt {
  background-color: #fff;
  position: relative;
}

.lec_joinus .Information dd .Item .Info_Control_Type4 dl,
.lec_joinus .Information dd .Item .Info_Control_Type8 dl {
  width: 201px;
}

.lec_joinus .Information > dt:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 25px;
  background: #439BE9;
  border-radius: 0 4px 4px 0;
}

/* 签署协议 */
.lec_joinus .Information dd .Item .Info_Name span {
  vertical-align: middle;
  margin-top: 6px;
  display: inline-block;
  font-size: 16px;
  color: #EA595C;
}

.lec_joinus .Information dd .Item .Info_Msg {
  color: #999999;
  font-size: 12px;
}

.lec_joinus .Information dd .Item .Info_Control_Type2 {
  width: 628px;
}

.lec_joinus .Information dd .Item .Info_Control_Type2 + .Info_Msg,
.lec_joinus .Information dd .Item .Info_Control_Type7 + .Info_Msg {
  margin-left: 166px;
}

.lec_joinus .Information dd .Item .Info_Control.Info_Control_Type7 input,
.lec_joinus .Information dd .Item .Info_Control.Info_Control_Type2 input {
  width: 608px;
  padding-left: 16px;
  color: #333333;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
}

.lec_joinus .Information dd .Item .Info_Control_Type6 {
  width: 459px;
}

.lec_joinus .Information dd .Item .Info_Control_Type6 + .Info_Msg {
  width: 268px;
}

.lec_joinus .Information dd .Item .Info_Control_Type6 + .Info_Msg p:nth-of-type(1) {
  line-height: 24px;
}

.lec_joinus .Information dd .Item .Info_Control_Type6 textarea {
  width: 453px;
  height: 111px;
  word-break: break-all;
  padding-bottom: 20px;
  font-size: 14px;
}

.lec_joinus .Information dd .Item .Info_Control input[type="text"] {
  height: 38px;
  font-size: 14px;
}


.lec_joinus .Information dd .Item .Info_Control input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
}

.lec_joinus .Information dd .Item .Info_Control input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
}

.lec_joinus .Information dd .Item .Info_Control input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
}

.lec_joinus .Information dd .Item .Info_Control input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
}

.lec_joinus .Information dd .Item .Info_Control input {
  color: #333333;
}

.JoinUs .Information dd .Item .Info_Control input[type="text"]:focus,
.JoinUs .Information dd .Item .Info_Control textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),
  0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),
  0 0 8px rgba(102, 175, 233, .6);
}

.lec_joinus .Information dd .Item .Info_Msg .Sample p.lec-blue,
.lec_joinus .Information dd .Item .Info_Msg a.lec-blue {
  color: #5C9BE3;
}

.lec_joinus .Information dd .Item .Info_Msg .Sample p.lec-blue:hover,
.lec_joinus .Information dd .Item .Info_Msg a.lec-blue:hover {
  color: #247DE3;
}

.lec_joinus .Information dd .Item .Info_Control .uploadPic {
  height: 110px;
  width: 110px;
}

.lec_joinus .Information dd .Item .Info_Name {
  margin-right: 9px;
  font-size: 16px;
  color: #333;
  max-width: 222px;
  min-width: 150px;
  padding-left: 30px;
  box-sizing: border-box;
  width: auto;
  text-align: left;
}

.lec_joinus .Information dd .Item .Info_Msg .error {
  background-size: 14px 14px;
  padding-left: 19px;
  color: #E15E58;
}

.lec_joinus .Information dd .Item .Info_Control_Type9 {
  width: 420px;
}

.lec_joinus .Information dd .Item .Info_Control_Type9 .radio-wrap {
  margin-right: 20px;
}

.lec_joinus .Information dd .Item .Info_Control_Type9 input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 10;
  left: 4px;
  top: 8px;
}

.lec_joinus .Information dd .Item .Info_Control_Type9 .radio-wrap {
  position: relative;
  display: inline-block;
}

.lec_joinus .Information dd .Item .Info_Control_Type9 input[type="radio"]:checked + label:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-right: 7px;
}

.lec_joinus .Information dd .Item .Info_Control_Type9 input[type="radio"] + label:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-right: 7px;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .a .btn {
  width: 118px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(92, 155, 227);
  border-radius: 4px;
  color: #5C9BE3;
  font-size: 16px;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .a > * {

  margin-right: 20px;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .b {
  display: none;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .b .progress {
  width: 120px;
  height: 8px;
  height: 10px;
  border: 1px solid #DDD;
  margin-top: 10px;
  display: none;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .b .progress div {
  height: 10px;
  background: #00baf2;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .b p {
  line-height: 32px;
  float: left;
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 142px;
  text-overflow: ellipsis;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .b span {
  color: #00baf2;
  float: left;
  line-height: 32px;
  margin-right: 10px;
  cursor: pointer;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .b span.clear-file {
  color: #b02f29;
}

.lec_joinus .Information dd .Item .Info_Msg .sample-avatar-wrapper > div.sample-avatar {
  position: absolute;
  width: 425px;
  height: 145px;
  padding: 16px 50px 20px 14px;
  left: 0px;
  bottom: 23px;
  background-size: 100%;
  border: none;
  box-sizing: border-box;
}


.lec_joinus .Information dd .Item .Info_Msg .sample-avatar-wrapper .text {
  color: #999999;
  font-size: 12px;
}

.lec_joinus .Information dd .Item .Info_Msg .sample-avatar-wrapper .text .p1 {
  font-size: 14px;
  line-height: 32px;
}

.lec_joinus .Information dd .Item .Info_Msg .sample-avatar-wrapper .text .p2 {
  line-height: 22px;
}

.lec_joinus .Information dd .Item .Info_Control_Type1 .Info_Msg .error {
  margin-top: 15px;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .Info_Msg a.lec-blue {
  color: #5C9BE3;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 .Info_Msg a.lec-blue:hover {
  color: #247DE3;
}

.lec_joinus .Information dd .Item .Info_Control_Type1 .Info_Msg .Bottom {
  top: 120px;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 {
  width: 120px;
  margin-right: 26px;
}

.lec_joinus .Information dd .Item .Info_Control_Type10 + .Info_Msg p:nth-of-type(1) {
  line-height: 14px;
}

.lec_joinus .Information dd .Item .Info_Control .uploadPic p {
  background-size: 31px 31px;
  color: #BFBFBF;
}

.lec_joinus .Information dd .Item .Info_Control_Type1 + .Info_Msg .Bottom {
  top: 90px;
  left: 65px;
}

.lec_joinus .Information dd .last-item {
  position: absolute;
  bottom: 40px;
  left: 33%;
}

.lec_joinus .Information dd .last-item button {
  width: 126px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(204, 204, 204);
  border-radius: 19px;
  display: inline-block;
  color: #333333;
  font-size: 14px;
  margin-right: 40px;
}

.lec_joinus .Information dd .Item .SaveInfo {
  font-size: 14px;
}

.lec_joinus .Information dd .last-item button#SaveInfo {
  background: #5AB6F9;
  border: none;
  color: #FFFFFF;
  font-size: 14px;
  width: 126px;
}

.lec_joinus_two > form {
  margin-bottom: 80px;
}

.lec_joinus .Information dd .last-item .Info_Control {
  width: 100%;
}

.lec_joinus_three .Examine {
  padding-top: 0px;
}

.lec_joinus_three .Examine .Msg {
  padding: 39px 0px 30px 0px;
  box-sizing: border-box;
  margin: 0 auto;
}

.lec_joinus_three .Examine .Msg .apply-flag-img {
  width: 142px;
  height: 148px;
  margin: 0 auto;
  margin-bottom: 40px
}

.lec_joinus_three .Examine .Msg h2 .p1 {
  color: #333333;
  font-size: 24px;
}

.lec_joinus_three .Examine .Msg h2 .p2 {
  width: 80%;
  margin: 0 auto;
  color: #999999;
  font-size: 14px;
}

.lec_joinus_three .Examine .Msg .p1 {
  margin-bottom: 15px;
  padding: 0 40px;
  line-height: 24px;
  word-break: break-word;
}

.lec_joinus_three .recommend-read {
  margin-top: 40px;
  text-align: left;
  margin-left: 100px;
}

.lec_joinus_three .recommend-read .title {
  color: #424242;
  font-size: 16px;
  margin-bottom: 5px;
}

.lec_joinus_three .recommend-read a.item {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 35px;
}

.lec_joinus_three .recommend-read .help-tip {
  color: #5C9BE3;
  font-size: 14px;
  cursor: pointer;
}

.lec_joinus_three .recommend-read .help-tip:hover {
  color: #2171C2;
}

#Msg_help-wechat .wrapper {
  padding: 10px 59px 18px;
  text-align: center;
  box-sizing: border-box;
}

#Msg_help-wechat .wrapper .title {
  font-size: 24px;
  color: #333333;
}

#Msg_help-wechat .wrapper .img-wrapper {
  width: 135px;
  height: 135px;
  margin: 20px auto;
  padding: 9px;
  box-sizing: border-box;
}

#Msg_help-wechat .wrapper .img-wrapper .img {
  display: inline-block;
  width: 119px;
  height: 119px;
}

#Msg_help-wechat .wrapper .other {
  font-size: 14px;
  color: #999999;
}

.lec_joinus_three .reedit {
  display: inline-block;
  width: 146px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: rgba(22, 30, 36, 0);
  border: 1px solid rgba(92, 155, 227, 1);
  border-radius: 19px;
  font-size: 16px;
  color: rgba(92, 155, 227, 1);
  transition: all .2s;
}

.lec_joinus_three .reedit:hover {
  border: 1px solid rgba(33, 113, 194, 1);
  color: rgba(33, 113, 194, 1);
}


.lec_joinus .Information dd .Item .Info_Msg .Sample > div {
  border: none;
  background: none;
}

.lec_joinus .Information dd .Item .Info_Msg .Sample > div img {
  background: none;
}

.lec_joinus .Information dd .Item .Info_Control .uploadPic p {
  padding-top: 80px;
  color: #818181;
  padding-bottom: 10px;
}

.lec_joinus .Information dd .Item {
  margin-bottom: 20px;
}

.JoinUs .Caption {
  padding-bottom: 5px;
}

.own_saas_textsbox {
  display: none;
}

#Msg_own_saas .title {
  text-align: center;
  font-size: 18px;
  padding: 20px 0 15px 0;
}

#Msg_own_saas .inner {
  margin: 0 20px;
  max-height: 400px;
  overflow-y: scroll;
}

#own_saas_texts input {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #cccccc;
  background: none;
  -webkit-appearance: none;
  float: left;
  margin: 8px 5px 0 0;
}

#own_saas_texts input:checked {
  border: 1px solid #00baf2;
}

/*** 成为作者签订协议 ***/
.inner-content {
  box-sizing: border-box;
  background: #FFF;
  padding: 40px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}

 .Examine {
  padding-top: 0px;
}

 .Examine .Msg {
  padding: 39px 0px 30px 0px;
  box-sizing: border-box;
  margin: 0 auto;
}

 .Examine .Msg h2 .p1 {
  color: #333333;
   text-align: center;
  font-size: 24px;
}

 .Examine .Msg h2 .p2 {
  width: 80%;
  margin: 0 auto;
  color: #999999;
  font-size: 14px;
}


</style>
